<!DOCTYPE html> 
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Table Layout auto</title>
        <meta name="description" content="">
        <style type="text/css">
		* {
			box-sizing: border-box;	
		}
		td, th{ border:1px solid #ccc;}
		</style>
    </head>
    <body>
    <table width="500" border="0" style=" table-layout: auto; border-collapse:collapse; border-spacing:0;">
      <tr>
        <td width="200" height="40px;" style=""><div style=" overflow:hidden;">111111111111111111111111111111111</div></td>
        <td width="20">2</td>
        <td>3</td>
      </tr>
      <tr>
        <td>1</td>
        <td>1</td>
        <td>3</td>
      </tr>
      <tr>
        <td>1</td>
        <td>1</td>
        <td>3</td>
      </tr>
    </table>
    </body>